<!DOCTYPE html>
<html lang="en">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    
<head>
<style type="text/css">
body {background-color:#81BEF7;}
h1 {color:#424242; text-align:center; font-family:"Calibri"; font-size:40px;}
p {font-family:"Calibri";font-size:20px; text-indent:2.0cm}
h3 {font-family:"Calibri";font-size:20px; text-indent:2.0cm; font-weight:bold}
td {font-family:"Calibri";font-size:20px; text-indent:2.0cm}
li {font-family:"Calibri";font-size:18px; text-indent:2.0cm}
a {text-indent: 2cm; color:black; font-family:"Calibri"; font-size:20px}
label {font-family:"Calibri";font-size:20px; text-indent:2.0cm}
input {font-family:"Calibri";font-size:20px}
table {font:11px Calibri; text-align:center}

</style>

  {% block title %} <title>Cost Calculatosaurus Rex</title> {% endblock title %}
</head>

<body>
 {% block header %}<h1>The Cost Calculatosaurus Rex!</strong></font></h1>{% endblock %}
 {% block content %}{% endblock content %}
 </body>
</html>